<template>
    <div id="app">
       <!-- <lx-table/> -->
       <!-- <my-botton type="danger" btnTitle="退出"/> -->
       <scroll/>
       <!-- 插槽 -->
       <!-- <navigation-link url="https://www.baidu.com" v-slot="slotProps">有道--{{slotProps.url}}</navigation-link> -->
       <!-- async修饰符 -->
       <!-- <async :title="title" @update:title="title=$event"/> -->
       <!-- <async :title.sync="title" /> -->
       <!-- <FlexLeft/> -->
    </div>
</template>
<script>
import LxTable from './views/LxTable.vue'
import MyBotton from './views/MyButton.vue'
import NavigationLink from './views/NavigationLink.vue'
import Async from './views/Async.vue'
import FlexLeft from './views/FlexLeft.vue'
import Scroll from './views/scroll.vue'
export default {
components: {
  LxTable,
  MyBotton,
  Scroll,
  Async,
  NavigationLink,
  FlexLeft
},
data() {
  return {
      title:'我是标题'
  }
},
created(){

},
methods:{
  changTitle(){
    this.title='哈哈哈哈'
  }
}

}

</script>
<style lang="scss" scoped>
#app{
  height: 100vh;
}
</style>

